<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>Scroll Viewer Test</title>
    <meta name="generator" content="Studio 3 http://aptana.com/">
    <meta name="author" content="Hovav">
    <!-- Date: 2011-07-31 -->



    <script src="/viewer/lib/goog/base.js" type="text/javascript" charset="utf-8"></script>
    <script src="/viewer/lib/goog/gsv/gsv.js" type="text/javascript" charset="utf-8"></script>

    <link rel="stylesheet" href="/viewer/css/ui-lightness/jquery-ui-1.8.14.custom.css" />
    <link href='http://fonts.googleapis.com/css?family=Lato:400,700' rel='stylesheet' type='text/css'>
    <link rel="stylesheet" href="/viewer/css/gsv.css" />


    <script type="text/javascript" charset="utf-8">

      $(document).ready(init);


      var rand_scroll;

      function init ()
      {
        rand_scroll = new goog.gsv.ScrollViewer('/viewer/data/rand-scroll.json').open();
      }

    </script>


  </head>
  <body>


    <style>
      body {
        background-color: #989999;
        }
    </style>
    <!-- <div id="header"></div>
    <div id="ruller" style="width: 1200px; height:30px; position: relative; overflow: hidden">
      <div id="rullerContent" style="position: absolute; top: 0; left: 0; width: 15486px"></div>
    </div>
    <div id="slider" style="width: 1200px; "></div> -->


  </body>
</html>
